<template>
  <div class="searchProject">
    <scroller lock-x height="-0px" :use-pullup='use_pullup' :pullup-config="pullup_con"
              @on-pullup-loading="onScrollBottom" ref="scroller" :scroll-bottom-offst="200" v-show="eventListQB != ''">
      <div class="home-tab">
        <div @click="goProject(eventListJqs.id)" v-for="(eventListJqs, index) in eventListQB">
          <!--<p class="listTitle" v-html="eventListJqs.eventName"></p>-->
          <flexbox>
            <flexbox-item :span="4">
              <div class="flex-demo">
                <img :src="imageUrl.imageUrl + eventListJqs.eventPicUrl"/>
              </div>
            </flexbox-item>
            <flexbox-item>
              <div class="flex-demo">
                <p><span v-html="eventListJqs.eventName"></span></p>
                <p><em class="lable" v-show="eventListJqs.label1 != ''">{{eventListJqs.label1}}</em>
                  <em class="lable" v-show="eventListJqs.label2 != ''">{{eventListJqs.label2}}</em>
                  <em class="lable" v-show="eventListJqs.label1 == ''">爱心</em>
                  <em class="lable" v-show="eventListJqs.label2 == ''">捐助</em></p>
                <x-progress :percent="eventListJqs.schedule" :show-cancel="false"></x-progress>
                <span class="precess-right">{{eventListJqs.schedule}}%</span>
                <div class="project-foot">
                <span class="project-foot-left">目标<span
                  class="content-red">{{eventListJqs.eventGoalAmount}}</span>元</span>
                  <span class="project-foot-left">参加<span
                    class="content-red">{{eventListJqs.attendPeople}}</span>人次</span>
                </div>
              </div>
            </flexbox-item>
          </flexbox>
        </div>
        <!--<div class="moreEvent" @click="whichGoMore()" v-model="noMoreEvent">{{noMoreEvent}}</div>-->
      </div>
    </scroller>

  </div>
</template>
<script src="./projectlist.js"></script>
